<!DOCTYPE html>
<html lang="en">
	<head>
		<title>购物车</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!-- css -->
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
		<!--// css -->
		<style type="text/css">
			
			.leftContent{
				float: left;
				width: 45%;
				height: 550px;
				background: url(img/phone3.png) no-repeat;
				background-size: 100% 100%;
				overflow: hidden;
			}
			.rightContent{
				float: right;
				width: 50%;
				overflow: hidden;
			}
			table,tr,td,th{
				height: 60px;
			}
			td{
				border: 1px solid #000;
				text-align: center;
			}
		</style>
		<script src="js/jquery-1.11.1.min.js"></script>
	</head>
	
	<body>

	
	
	<div class="header-bottom-w3ls" style="padding: 0px;">			
			<div class="container" style="overflow: hidden;">					
				<div class="leftContent"></div>			
				<div class="rightContent" style="text-align: left;">			
					<h1 style="font-size: 30px;line-height: 56px;float: left;margin-top: 30px;">购买我方手机MAX <span>￥￥￥￥元</span></h1>		
					<div style="width:100%;height:1px;border-bottom: 1px solid #00BDBD;clear: both;"></div>					
					<table style="width:80%;clear: both;line-height: 20px;">
						<th>1.选择版本</th>
						<tr>
							<td>2GB内存+16GB容量</td>
							<td>3GB内存+32GB容量</td>
						</tr>
						<th>2.选择颜色</th>
						<tr>
							<td>香槟金</td>
							<td>磨砂黑</td>
						</tr>
						<th>3.添加优惠配件套装</th>
						<tr>
							<td>必备套餐</td>
							<td>实用套餐</td>
						</tr>
					</table>					
					<div id="nextbtn" style="cursor:pointer;width: 160px;height: 40px;background-color: #b0b0b0;line-height: 40px;text-align: center;color: #fff;margin-top: 44px;">下一步</div>
				</div>				
				<div class="clearfix"></div>				
			</div>			
	</div>
	<script>
		$("#nextbtn").click(function(){
			window.location.href = "shopCar.html";
		})
	</script>
	</body>
</html>